<script setup lang="ts">
import langSubVue from './lang-sub.vue';
const { t } = useI18n();
const lstr = computed(() => t('{ok} not found', { ok: 'hi' }));
const count = ref(0);
</script>

<template>
  <div style="text-align: center; margin-top: 10%">
    {{ t('hello') }}, {{ $t('about') }}! {{ $t('demotxt') }} {{ lstr }}
    <langSubVue />
    <button type="button" @click="count++">count is: {{ count }}</button>
  </div>
</template>

<style scoped lang="scss"></style>

<i18n global>
{
  "en": {
    "language": "Language",
    "hello": "hello, world!"
  },
  "zh-CN": {
    "language": "言语",
    "hello": "你好，世界！"
  }
}
</i18n>
